var lis = document.getElementsByClassName('li');
console.log(lis);
for(var i = 0; i < lis.length; i++) {
    lis[i].onclick = function() {
        this.className += ' active';
        var sibling = siblings(this);
        for(var j = 0; j < sibling.length; j++){
            sibling[j].className = 'li';
        }
        document.getElementById('iframe').setAttribute('src', this.getAttribute('data-url'));
    }
}

function siblings(elm) {
    var a = [];    //保存所有兄弟节点
    var p = elm.parentNode.children; //获取父级的所有子节点
    for (var i = 0; i < p.length; i++) {  //循环
        if (p[i].nodeType == 1 && p[i] != elm) {  //如果该节点是元素节点与不是这个节点本身
            a.push(p[i]);      // 添加到兄弟节点里
        }
    }

    return a;
}

document.getElementById('logout').onclick = function () {
    location.href = "/admin/pc/loginOut";
}
